body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
    /*background-color: cadetblue;*/
}
.top{
    width: auto;
    height: 10rem;
    padding-top: 4%;
    background: linear-gradient(to bottom, #059bf8, #7fc7f4, #e6f0f6);
}

.container {
    width: auto;
    /* width: 300px; */
    /* max-width: 300px; */
    height: auto;
    margin: -30% auto;
    padding: 20px;
    /* background-color: #9cd9c9; */
}

h4 {
    text-align: center;
    margin-bottom: 20px;
}

.block {
    margin: 0 auto;
    margin-bottom: 20px;
    padding: 10px;
    background-color: white;
    border-radius: 15px;
    box-shadow: 0 0 7px gray;
    overflow: hidden;
    width: 88%;
}
.bottom{

    text-align: center;
}
.bottom_color{
    /* background-color: rgb(30,165,246); */
    margin-top: 30%;
    background-color: #1EA5F6;
}

.block ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.block li {
    padding: 5px 0;
}

.block a {
    color: #333;
    text-decoration: none;
}
li{
    display: flex;
}
li img{
    width: 25px;
    height: 25px;
    margin-right: 10px;
}
hr{
    width: 99%;
    size: 1px;
}
.left{
    float: left;
}
.right{
    float: right;
}
.right a{
    color: gray;
    margin-right: 8px;
}
.right img{
    margin-top: 4px;
    width: 16px;
    height: 16px;
}
/* p {
    display: flex;
    justify-content: space-between;
} */

.p{
    position: absolute;
    left: 130px;
    top: -5px;
    width: 200px;
    font-size: 80%;
}
.p2{
    position: absolute;
    left: 130px;
    top: 15px;
    width: 200px;
    font-size: 80%;
}
.car{
    width: 320px;
    height: 80px;
    margin-top: 10%;
    position: relative;
    margin-left: 1%;
    font-size: 75%;
    border-radius: 10px;
    box-shadow: 0 0 7px gray;
}
.car img{
    width: 43%;
}
.spanOne{
    position: absolute;left: 130px;top:45px
}
.spanTwo{
    position: absolute;left: 128px;top: 60px;font-size: 8px;color: red;
}
/* iphone se */
@media (min-width: 375px) and (max-width: 400px) {
    .p{
        margin-left: 10%;
    }
    .spanOne{
        margin-left: 10%;
    }
    .spanTwo{
        margin-left: 10%;
    }
}
/* iphone xr */
@media (min-width: 410px) and (max-width: 456px) {
    .p{
        margin-top: 4%;
        margin-left: 10%;
    }
    .spanOne{
        margin-top: 2%;
        margin-left: 10%;
    }
    .spanTwo{
        margin-top: 3%;
        margin-left: 10%;
    }
    .car{
        margin-left: 8%;
    }
    .car img{
        width: 38%;
    }
    .car .p{
        position: absolute;
        left: 110px;
        top: -5px;
        width: 200px;
        font-size: 100%;
    }
}